/* eslint no-underscore-dangle: 0 */
import React, { PureComponent } from 'react';
import { Table, Pagination, Message, Dialog, Button } from '@alifd/next';
import IceContainer from '@icedesign/container';
import styles from './index.module.scss';
import MMap from '@/components/mMap';
import request from '../../../../utils/request';
import { host } from '../../../../const';

export default class EnhanceTable extends PureComponent {
    constructor(props) {
        super(props);

        this.state = {
           
        };
      
    }
    hanldeSelect=(type)=>{
        let menuId0=document.getElementById('menuId0');
        let menuId1=document.getElementById('menuId1');
        let menuId2=document.getElementById('menuId2');

      if(type===0&&menuId0&&menuId1&&menuId2){
        menuId0.style.display='none';
        menuId1.style.display='block';
        menuId2.style.display='none';

      }
    
      if(type===1&&menuId0&&menuId1&&menuId2){
        menuId0.style.display='none';
        menuId1.style.display='none';
        menuId2.style.display='block';

      }
    }

  render() {
      return (
          <div className="filter-table">
              
              <IceContainer>
                <div className={styles.cardWrap} >
                  
                    <div className={styles.card} onClick={()=>{this.hanldeSelect(1)}} >
演习系统
                    </div>
                    <div className={styles.card}  onClick={()=>{this.hanldeSelect(0)}} >
刺杀系统
                    </div>
                </div>

                   
                 
              </IceContainer>
              
          </div>
      );
  }
}
